﻿<!DOCTYPE html>
<html>
<head>
	<title>hello</title>
	<link rel="stylesheet"  href="css/jquery.mobile-1.3.1.min.css">
	<!-- <script type="text/javascript" src="cordova.js"></script>-->
	<script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.mobile-1.3.1.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript">
		document.addEventListener("deviceready", OK, false);
		function exit(){
			navigator.app.exitApp();
		}
	</script>
</head>
	
<body>
	
	<div data-role="header" data-position="fixed">
		<a href="#" data-icon="delete" data-theme="e">Home</a>
		<h1>My App</h1>
		<a href="#popupMenu" data-rel="popup" data-role="button" data-inline="true" data-transition="slideup" data-icon="gear" data-theme="e">Actions...</a>
		<div data-role="popup" id="popupMenu" data-theme="d">
			<ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="d">
				<li data-role="divider" data-theme="e">Choose an action</li>
				<li><a href="#" onClick=exit()>Exit</a></li>
				<li><a href="#" onClick=signout()>Sign out</a></li>
				<li><a href="#" onClick=displayProfileUser()>Profile user</a></li>
			</ul>
		</div>
	</div> <!-- end header-->

	<div data-role="content">
		<!--
		<button onClick=successCB()> Display DB</button>
		<button onClick=getMark()>Get mark</button>
		<button onClick=getAttendanceJson()>Get Attendance</button>-->
		<table data-role="table" id="table-custom-2" data-mode="columntoggle" class="ui-body-d ui-shadow table-stripe ui-responsive" data-column-btn-theme="b" data-column-btn-text="Cách xem" data-column-popup-theme="a">
			<thead>
				<tr class="ui-bar-d">
					<th>Ngày tháng</th>
					<th>Kiểm tra</th>
					<th>Điểm</th>
				</tr>
			</thead>
        
			<tbody id="content-tbody">
				
			</tbody>
       </table>
	   
	</div>
		<div data-role="footer" data-position="fixed" >
			<div data-role="navbar">
				<ul>
					<li><a href="#" data-icon="grid" onclick="getMark()">Ngay thang</a></li>
					<li><a href="#" data-icon="star" onClick="getAttendanceJson()">Diem danh</a></li>
					<li><a href="#" data-icon="gear">Mon hoc</a></li>
				</ul>
			</div>
		</div><!-- /footer -->
</select>
</body>
</html>